<!doctype html>
<html>
	<head>
		<title>京东首页</title>
		<meta charset="utf-8">
		<!-- 引入 jd_index.css -->
		<link rel="stylesheet" href="css/index.css">
		<script src="js/jquery-3.1.1.js"></script>
	</head>
	<body>
		<!-- 1、页面顶部:top -->
		<!-- w:100%,灰色背景,高度30px -->
		<header id="top">
			<!-- w:1211px -->
			<div id="top_box">
				<!-- 五角星 图片(左)  -->
				<img class="lf" src="Image/star.jpg">
				<!-- 收藏京东 文字(左) -->
				<a class="lf" href="#">收藏京东</a>
				<!-- 文字 列表(右) -->
				<ul class="rt">
					<li>
						您好，欢迎来到京东
						<a href="#">[登录]</a>
						<a href="#">[免费注册]</a>
					</li>
					<li>
						<b></b><!-- 边框 -->
						<a href="#">我的订单</a>
					</li>
					<li class="vip">
						<b></b><!-- 边框 -->
						<a href="#">会员俱乐部</a>
					</li>
					<li>
						<b></b><!-- 边框 -->
						<a href="#">企业频道</a>
					</li>
					<li class="app_jd">
						<b></b><!-- 边框 -->
						<a href="#">手机京东</a>
					</li>
					<li class="service">
						<b></b><!-- 边框 -->
						<a href="#">
							客户服务
						</a>
						<!-- 弹出菜单 -->
						<ul id="service_items">
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
						</ul>
					</li>
					<li>
						<b></b><!-- 边框 -->
						<a href="#">网站导航</a>
					</li>
				</ul>
			</div>
		</header>

	<!-- Logo -->
	<div id="top_main">
		<a href="#" class="lf">
			<img src="Image/logo-201305.png">
		</a>
		<div id="search_box">
			<div class="search">
				<input class="txtSearch">
				<button>搜索</button>
			</div>
			<div class="hot_words">
				<span>热门搜索：</span>
				<a href="#">京东家纺</a>
				<a href="#">京东富安娜</a>
				<a href="#">莱阳原子弹</a>
				<a href="#">夏日家电大促</a>
				<a href="#">广东盐津铺子</a>
				<a href="#">京东家纺</a>
				<a href="#">京东富安娜</a>
				<a href="#">莱阳原子弹</a>
				<a href="#">夏日家电大促</a>
				<a href="#">广东盐津铺子</a>

			</div>
		</div>
		<div id="my_jd">
			我的京东
			<b></b>
		</div>
		<div class="clear"></div>
	</div>

	<!-- 导航 -->
	<nav id="nav">
		<p>
			<a href="#">全部商品分类</a>
			<b></b>
		</p>
		<ul class="lf">
			<li>
				<a href="#">首页</a>
			</li>
			<li>
				<a href="#">服装城</a>
			</li>
			<li>
				<a href="#">食品</a>
			</li>
			<li>
				<a href="#">团购</a>
			</li>
			<li>
				<a href="#">夺宝岛</a>
			</li>
			<li>
				<a href="#">闪购</a>
			</li>
			<li>
				<a href="#">金融</a>
			</li>
		</ul>
	</nav>

	<!-- banner -->
	<div id="banner">
		<div id="cate_box">
			<div class="mainProNav">
				<dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl><dl class="navM1">
					<dd>
						<ul>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
							<li><a href="#">你懂的</a></li>
						</ul>
					</dd>
					<dt>你猜</dt>
				</dl>
			</div>
		</div>
		<!-- 滑动banner -->
		<div id="slider_box">
			<div id="slider">
				<img src="Image/index/banner_02.jpg" alt="">
				<ul>
					<li>1</li>
					<li>1</li>
					<li>1</li>
					<li>1</li>
					<li>1</li>
				</ul>
			</div>
			<!-- 小广告 -->
			<div id="ad">
				<a class="previous"></a>
				<ul class="lf">
					<li>
						<a href="#">
							<img src="Image/index/ad_01.jpg" alt="">
						</a>
					</li>
					<li class="mid">
						<a href="#">
							<img src="Image/index/ad_02.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="Image/index/ad_03.jpg" alt="">
						</a>
					</li>
				</ul>
				<a class="next"></a>
			</div>
		</div>
		<!-- 快报 -->
		<div id="extra_focus">
			<p>
				<a href="#">
					<img src="Image/index/ad_focus.jpg" alt="">
				</a>
			</p>
			<div id="news">
				<p>
					<a href="#">更多东东&gt;&gt;</a>
					<b>我的东东</b>
				</p>
				<!-- 具体内容 -->
				<div>
					<ul class="lf">
						<li><a href="#">我的青春，你不懂</a></li>
						<li><a href="#">我的青春，你不懂</a></li>
						<li><a href="#">我的青春，你不懂</a></li>
						<li><a href="#">我的青春，你不懂</a></li>
						<li><a href="#">我的青春，你不懂</a></li>
					</ul>
					<ul class="rt">
						<li><a href="#">我的青春，你不懂</a></li>
						<li><a href="#">我的青春，你不懂</a></li>
						<li><a href="#">我的青春，你不懂</a></li>
						<li><a href="#">我的青春，你不懂</a></li>
						<li><a href="#">我的青春，你不懂</a></li>
					</ul>
				</div>
			</div>
			<!-- 虚拟信息 -->
			<div id="virtuals">
				<ul>
					<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="jipiao">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
	</div>

	<!-- 5.main -->
	<section id="main">
		<!-- 橱窗 -->
		<div id="show_box">
			<p>
				生活的橱窗
				<i>每一天展现perfect</i>
			</p>
			<!-- 图 -->
			<ul>
				<li class="pinpaijie">
					<b></b>
					<div>
						<h2>品牌节</h2>
						<p>华为荣耀</p>
						<h4>京东购物卡</h4>
						<ul>
							<li>
								<b></b>
								<a href="#">更多动动</a>
							</li>
							<li>
								<b></b>
								<a href="#">进入到商店</a>
							</li>
						</ul>
					</div>
				</li>
				<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
						<div>
							<h2>天天低价</h2>
							<p>坚果礼盒</p>
							<span>95.8元秒杀</span>
						</div>
					</li>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
					</li>
					<li class="tuangou no-margin">
						<!-- 遮罩层 -->
						<b></b>
						<div>
							<h3>今日团购</h3>
							<p>100元代金券</p>
							<div>
								<span>团购价</span>
								<b>￥89</b>
								<p>
									<img src="Image/index/cantuan.png">
								</p>
							</div>
						</div>
					</li>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
					</li>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
					</li>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
					</li>
					<li class="pinpaijie no-margin">
						<!-- 遮罩层 -->
						<b></b>
					</li>
			</ul>
			<div id="show_ads">
				<ul>
					<li>
						<a href="#">
							<img src="Image/index/ad_small_01.jpg" alt="">
						</a>
					</li>
					<li class="mid">
						<a href="#">
							<img src="Image/index/ad_small_02.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="Image/index/ad_small_03.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 1F 家店通讯 -->
		<div class="floor">
			<header>
				<span>1F</span>
				<p>家电通讯</p>
				<ul class="tab">
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
				</ul>
				<ul class="links lf">
					<li>
						<a href="#">家电配送</a>
					</li>
					<li>
						<a href="#">合约计划说明</a>
					</li>
				</ul>
			</header>
			<!-- 左边栏内容 -->
			<aside class="lf_list">
				<ul>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
				</ul>
				<p>
					<a href="#">
						<img src="Image/index/fl_01.jpg" alt="">
					</a>
				</p>
			</aside>
			<!-- 中间内容 -->
			<div class="content">
				<dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl>
				<div>
					<img src="Image/index/fl_ad_01.jpg" alt="">
				</div>
				<dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl>
			</div>
			<!-- 右侧 -->
			<aside class="rt_list">
				<ul>
					<li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li>
				</ul>
				<p>
					<img src="Image/index/fl_ad_02.jpg" alt="">
				</p>
			</aside>
		</div>
		<div class="floor">
			<header>
				<span>1F</span>
				<p>家电通讯</p>
				<ul class="tab">
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
				</ul>
				<ul class="links lf">
					<li>
						<a href="#">家电配送</a>
					</li>
					<li>
						<a href="#">合约计划说明</a>
					</li>
				</ul>
			</header>
			<!-- 左边栏内容 -->
			<aside class="lf_list">
				<ul>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
				</ul>
				<p>
					<a href="#">
						<img src="Image/index/fl_01.jpg" alt="">
					</a>
				</p>
			</aside>
			<!-- 中间内容 -->
			<div class="content">
				<dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl>
				<div>
					<img src="Image/index/fl_ad_01.jpg" alt="">
				</div>
				<dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl>
			</div>
			<!-- 右侧 -->
			<aside class="rt_list">
				<ul>
					<li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li>
				</ul>
				<p>
					<img src="Image/index/fl_ad_02.jpg" alt="">
				</p>
			</aside>
		</div>
		<div class="floor">
			<header>
				<span>1F</span>
				<p>家电通讯</p>
				<ul class="tab">
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
					<li>
						<a href="#">特价冬冬</a>
					</li>
				</ul>
				<ul class="links lf">
					<li>
						<a href="#">家电配送</a>
					</li>
					<li>
						<a href="#">合约计划说明</a>
					</li>
				</ul>
			</header>
			<!-- 左边栏内容 -->
			<aside class="lf_list">
				<ul>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
					<li><a href="#">手机</a></li>
				</ul>
				<p>
					<a href="#">
						<img src="Image/index/fl_01.jpg" alt="">
					</a>
				</p>
			</aside>
			<!-- 中间内容 -->
			<div class="content">
				<dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl>
				<div>
					<img src="Image/index/fl_ad_01.jpg" alt="">
				</div>
				<dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl><dl>
					<dt>
						<img src="Image/index/fl_dl_01.jpg" alt="">
					</dt>
					<dd>
						<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
					</dd>
					<dd class="text">
						送电热壶
					</dd>
				</dl>
			</div>
			<!-- 右侧 -->
			<aside class="rt_list">
				<ul>
					<li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li><li>
						<a href="#">
							<img src="Image/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
						</a>
					</li>
				</ul>
				<p>
					<img src="Image/index/fl_ad_02.jpg" alt="">
				</p>
			</aside>
		</div>
		<!-- 热门晒单 -->
		<div id="others">
			<div class="share">
				<p>热门晒单</p>
				<ul>
					<li>
						<p>
							<img src="Image/index/share_01.jpg" alt="">
							<i class="shai"></i>
						</p>
						<div class="lf">
							<h3>
								<a href="#">
									咔哟YOYO4.0蓝牙音箱低音炮立体声音响
								</a>
							</h3>
							<h4>
								<a href="#">
									音质还可以，不错的，很小，很大声，很好看。
								</a>
							</h4>
						</div>
					</li><li>
						<p>
							<img src="Image/index/share_01.jpg" alt="">
							<i class="shai"></i>
						</p>
						<div class="lf">
							<h3>
								<a href="#">
										[晒单帖]出乎意料的京东，神奇的泰福高焖烧壶
									</a>
							</h3>
							<h4>
								<a href="#">
										昨天晚上在京东10点下单的，今天中午就送到了，京东的快递哥实在神速呀！而且态度非常好，还确认了
									</a>
							</h4>
						</div>
					</li>
				</ul>	
			</div>
			<div class="share">
				<p>热门晒单</p>
				<ul>
					<li>
						<p>
							<img src="Image/index/share_01.jpg" alt="">
							<i class="shai"></i>
						</p>
						<div class="lf">
							<h3>
								<a href="#">
									咔哟YOYO4.0蓝牙音箱低音炮立体声音响
								</a>
							</h3>
							<h4>
								<a href="#">
									音质还可以，不错的，很小，很大声，很好看。
								</a>
							</h4>
						</div>
					</li><li>
						<p>
							<img src="Image/index/share_01.jpg" alt="">
							<i class="shai"></i>
						</p>
						<div class="lf">
							<h3>
								<a href="#">
										[晒单帖]出乎意料的京东，神奇的泰福高焖烧壶
									</a>
							</h3>
							<h4>
								<a href="#">
										昨天晚上在京东10点下单的，今天中午就送到了，京东的快递哥实在神速呀！而且态度非常好，还确认了
									</a>
							</h4>
						</div>
					</li>
				</ul>	
			</div>
			<!-- 在线读书 -->
			<div id="more">
				<div class="reading">
					<p>
						<a href="#" class="rt">
							更多在线读书&gt;
						</a>
						<b>在线读书</b>
					</p>
					<div>
						<a href="#" class="lf">
							<img src="Image/index/reading.jpg" alt="">
						</a>
						<ul class="lf">
							<li>
								<i></i>
								<a href="#">《平凡的世界》金典回归</a>
							</li><li>
								<i></i>
								<a href="#">《平凡的世界》金典回归</a>
							</li><li>
								<i></i>
								<a href="#">《平凡的世界》金典回归</a>
							</li><li>
								<i></i>
								<a href="#">《平凡的世界》金典回归</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="order">
					<p>订阅促销信息</p>
					<input type="text" placeholder="输入你的邮箱">
					<button>订阅</button>
				</div>
			</div>
		</div>
		<div class="clear"></div>
	</section>

	<!-- 购物指南 -->
	<footer id="foot_box">
            <p class="shopping_guide"></p>
            <ul>
                <li><b>购物指南</b></li>
                <li><a href="#">购物流程</a></li>
                <li><a href="#">会员介绍</a></li>
                <li><a href="#">团购/机票</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">大家电</a></li>
                <li><a href="#">联系客服</a></li>
            </ul>
	        <p class="send_type"></p>
            <ul>
                <li><b>配送方式</b></li>
                <li><a href="#">上门自提</a></li>
                <li><a href="#">211限时达</a></li>
                <li><a href="#">配送服务查询</a></li>
                <li><a href="#">配送费收取标准</a></li>
                <li><a href="#">海外配送</a></li>
            </ul>
	        <p class="pay_type"></p>
            <ul>
                <li><b>支付方式</b></li>
                <li><a href="#">货到付款</a></li>
                <li><a href="#">在线支付</a></li>
                <li><a href="#">分期付款</a></li>
                <li><a href="#">邮局汇款</a></li>
                <li><a href="#">公司转账</a></li>
            </ul>
	        <p class="sale_service"></p>
            <ul>
                <li><b>售后服务</b></li>
                <li><a href="#">售后政策</a></li>
                <li> <a href="#">价格保护</a></li>
                <li><a href="#">退款说明</a></li>
                <li><a href="#">返修/退换货</a></li>
                <li><a href="#">取消订单</a></li>
            </ul>
	        <p class="special_service"></p>
            <ul>
                <li><b>特色服务</b></li>
                <li><a href="#">夺宝岛</a></li>
                <li><a href="#">DIY装机</a></li>
                <li><a href="#">延保服务</a></li>
                <li><a href="#">京东E卡</a></li>
                <li> <a href="#">节能补贴</a></li>
                <li> <a href="#">京东通信</a></li>
            </ul>
        </footer>
        <!--页面底部! -->
        <footer id="footer">
            <div class="links"><a href="#">关于我们</a>|<a href="#">联系我们</a>|<a href="#">人才招聘</a>|<a href="#">商家入驻</a>|<a href="#">广告服务</a>|<a href="#">手机京东</a>|<a href="#">友情链接</a>|<a href="#">销售联盟</a>|<a href="#">京东社区</a>|<a href="#">京东公益</a></div>
		    <div class="copyright">北京市公安局朝阳分局备案编号110105014669  |  京ICP证070359号  |  互联网药品信息服务资格证编号(京)-非经营性-2011-0034<br />
			    <a href="#">音像制品经营许可证苏宿批005号 </a> |  出版物经营许可证编号新出发(苏)批字第N-012号  |  互联网出版许可证编号新出网证(京)字150号<br />
			    <a href="#">网络文化经营许可证京网文[2011]0168-061号 </a> Copyright © 2004-2014 京东JD.com 版权所有 <br />
                京东旗下网站：
                <a href="#">English Site</a> <a href="#">拍拍网</a> <a href="#">网银在线</a>
            </div>
		    <div class="authentication">
                <a href=""><img src="image/jy.jpg" width="108" height="40" /></a>
                <a href=""><img src="image/kx.jpg" width="108" height="40" /></a>
                <a href=""><img src="image/cy.jpg" width="108" height="40" /></a>
                <a href=""><img src="image/cx.jpg" width="112" height="40" /></a>
            </div>
        </footer>
        <script src="js/index.js"></script>
    </body>
</html>
